"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = Base;

var _design = require("@discuzq/design");

var _react = _interopRequireDefault(require("react"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function menu() {
  return /*#__PURE__*/_react.default.createElement(_design.Dropdown.Menu, null, /*#__PURE__*/_react.default.createElement(_design.Dropdown.Item, {
    id: "1"
  }, "\u9009\u98791"), /*#__PURE__*/_react.default.createElement(_design.Dropdown.Item, {
    id: "2",
    disabled: true
  }, "\u9009\u98792"), /*#__PURE__*/_react.default.createElement(_design.Dropdown.Item, {
    id: "3"
  }, "\u9009\u98793"), /*#__PURE__*/_react.default.createElement(_design.Dropdown.Item, {
    id: "4"
  }, "\u9009\u98794"), /*#__PURE__*/_react.default.createElement(_design.Dropdown.Item, {
    id: "5"
  }, "\u9009\u98795"), /*#__PURE__*/_react.default.createElement(_design.Dropdown.Item, {
    id: "6"
  }, "\u9009\u98796"), /*#__PURE__*/_react.default.createElement(_design.Dropdown.Item, {
    id: "7"
  }, "\u9009\u98797"));
}

function Base() {
  return /*#__PURE__*/_react.default.createElement("div", {
    style: {
      height: '300px'
    }
  }, /*#__PURE__*/_react.default.createElement(_design.Dropdown, {
    style: {
      display: 'inline-block'
    },
    menu: menu(),
    placement: "left",
    hideOnClick: true,
    onChange: function onChange(key) {
      return console.log(key);
    }
  }, "\u83DC\u5355(\u5DE6)"), /*#__PURE__*/_react.default.createElement(_design.Dropdown, {
    menu: menu(),
    style: {
      display: 'inline-block',
      marginLeft: '50px'
    }
  }, "\u83DC\u5355(\u4E2D)"), /*#__PURE__*/_react.default.createElement(_design.Dropdown, {
    placement: "right",
    menu: menu(),
    style: {
      display: 'inline-block',
      marginLeft: '50px'
    }
  }, "\u83DC\u5355(\u53F3)"));
}